import React from 'react';
import {Link} from 'react-router';
import Header from './js/components/header';
import CheckBoxGroup from './js/components/checkbox-group';

import FilmStore from './js/filmStore';
import {Actions} from './js/filmStore/actions';

export default class FilmOrder extends React.Component {
    constructor(props){
        super(props);
        this.state = {
            category:{
                orderType1:{
                    name:'打印',
                    other: '￥25.00',
                    checked:false
                },
                orderType2:{
                    name:'刻盘',
                    other: '￥39.00',
                    checked:false
                }
            },
            filmId:this.props.params.id
        };
    }
    componentWillMount(){}
    componentDidMount(){
        Actions.ctrlNav({show:false,active:0});
    }
    componentDidUpdate(){}
    render(){
        console.log('order')
        return (
            <div style={{paddingBottom:'66px'}}>
                <Header title="编辑订单">
                    <Link to={`/films/${this.state.filmId}`} className='l1'>取消</Link>
                </Header>
                <div className="address-box">
                    <Link to={`/films/${this.state.filmId}`} className="">
                        <ul className="">
                            <li>张三 13688889999</li>
                            <li>河南省 郑州市 高新区</li>
                            <li>科学大道777号</li>
                        </ul>
                    </Link>
                </div>
                <div style={{margin:'10px'}}>
                    <h2>请选择您需要的服务</h2>
                    <CheckBoxGroup hasAllCheck={[false]} options={this.state.category} name="orderType" />
                </div>

                <div className="bottom-bar">
                    <div style={{float:'left',margin:'10px',color:'#fff'}}>应付款:￥69.00</div>
                    <Link to={'/films/order/pay/'+this.state.filmId} className="btn btn-red btn-inline right">提交订单</Link>
                </div>
            </div>
        )
    }
}